<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
      layout:decorator="${ user.getPermission()==0 ? 'layout/online' : 'layout/admin'}">
<head>
    <meta charset="utf-8"/>
    <title>集卡活动详情</title>
</head>
<body>
<main layout:fragment="content">
    <article class="container" style="padding: 3% 0 2%;">
        <header class="row">
            <div class="col s12">
                <blockquote class="flow-text left" th:text="${cardActivity.getId()} + | 的活动详情|">Profile</blockquote>
            </div>
        </header>
        <a th:href= "@{${myCardActivity.getId()} == null ?  '/scratch/0' :'/scratch/' +  ${myCardActivity.getId()}}" >
            <i class="material-icons">给老子刮</i>
        </a>
        <section class="row">
            <div class="col s12 m6">
                <ul class="collection">
                    <li class="collection-item center">Personal data</li>
                    <li class="collection-item">
                            <span class="badge">
                                <span th:text="${cardActivity.getTitle()}">Nick</span>
                            </span>活动标题:
                    </li>
                    <li class="collection-item">
                            <span class="badge">
                                <span th:text="${cardActivity.getCollectionRules()}">Created date</span>
                            </span>活动规则:
                    </li>
                    <li class="collection-item">
                            <span class="badge">
                                <span th:text="${cardActivity.getStartTime()}">Created date</span>
                            </span>活动开始时间:
                    </li>
                    <li class="collection-item">
                            <span class="badge">
                                <span th:text="${cardActivity.getEndTime()}">Created date</span>
                            </span>活动结束时间:
                    </li>
                    <li class="collection-item">
                            <span class="badge">
                                <span th:text="${myCardActivity.getAvailableScratchTimes()}">Created date</span>
                            </span>剩余可刮卡次数
                    </li>
                    <li class="collection-item">
                            <span class="badge">
                                <span th:text="${myCardActivity.getCard1()}">Created date</span>
                            </span>第一张卡片刮中时间
                    </li>
                    <li class="collection-item">
                            <span class="badge">
                                <span th:text="${myCardActivity.getCard2()}">Created date</span>
                            </span>第二张卡片刮中时间
                    </li>
                    <li class="collection-item">
                            <span class="badge">
                                <span th:text="${myCardActivity.getCard3()}">Created date</span>
                            </span>第三张卡片刮中时间
                    </li>
                    <li class="collection-item">
                            <span class="badge">
                                <span th:text="${myCardActivity.getCard4()}">Created date</span>
                            </span>第四张卡片刮中时间
                    </li>
                    <li class="collection-item">
                            <span class="badge">
                                <span th:text="${myCardActivity.getCard5()}">Created date</span>
                            </span>第五张卡片刮中时间
                    </li>
                </ul>
            </div>


            <div class="row">
                <div class="col s12 m6">
                    <div class="card">
                        <div class="card-image">
                            <img th:src="'data:;base64,' + ${publicityImage}" width="400" height="400"></img>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <th:block th:each="img:${imglist}">
                    <div class="col s12 m6">

                        <div class="card">
                            <img th:src="'data:;base64,' + ${img}" width="200" height="150"></img>

                        </div>
                    </div>
                </th:block>
            </div>
        </section>
    </article>
</main>
</body>
</html>
